<style type="text/css">

    .inform-set .has-tabs-top{
        top: 100px;
    }
    .inform-set .item{
        margin: 0;
        padding-right: 60px;
    }
    .inform-set .add{
        position: absolute;
        right: 10px;
        color: #f50; 
    }
</style>
<ion-view view-title="订阅产品">

<!--         <div class="row" style="position:absolute;z-index:9;top:50px;">
            <div class="col">订阅通知</div>
            <div class="col">
            <label class="toggle">
               <input type="checkbox" ng-model="isDingYue" ng-change="setDingYue()" >
               <div class="track">
                 <div class="handle"></div>
               </div>
            </label>
            暂定开发
            </div>
        </div> -->
        <ion-tabs class="tabs-striped tabs-light inform-set  tabs-top tabs-background-light" ng-attr-select="{{select}}">
       
            <ion-tab title="集合信托" on-select="onTabSelected(0)">
                <ion-view>
                    <ion-content delegate-handle="one">
                        <ion-list>
                            <ion-item ng-repeat="item in product.one.list">
                                
                                {{item.name || item.productName}}({{item.dueTime}}个月)
                                
                                <i class="icon add icon-add" ng-click="addPro('one',{{item.id}})"   ng-show="!item.flagDingYue">订阅</i> 
                                <i class="icon add icon-del" ng-click="delPro('one',{{item.id}})" ng-show="item.flagDingYue">取消</i>     
                            </ion-item>
                        </ion-list>
                        <ion-infinite-scroll ng-if="product.one.pager.hasNaxtPage && select === 0"  on-infinite="loadMoreItems('one')" spinner="ios-small">
                        </ion-infinite-scroll>
                        <p class="text-center gray mt36" ng-if="product.one.list.length <= 0 && !product.one.pager.hasNaxtPage">暂无符合条件的产品</p>
                    </ion-content>
                </ion-view>
            </ion-tab>
            <ion-tab title="集合资管" on-select="onTabSelected(1)">
                <ion-view>
                    <ion-content delegate-handle="two">
                        <ion-list>
                            <ion-item  ng-repeat="item in product.two.list">
               
                                {{item.name || item.productName}}({{item.dueTime}}个月)
                                <i class="icon add icon-add" ng-click="addPro('two',{{item.id}})"   ng-show="!item.flagDingYue">订阅</i> 
                                <i class="icon add icon-del" ng-click="delPro('two',{{item.id}})" ng-show="item.flagDingYue">取消</i>                                 
                            </ion-item>
                        </ion-list>
                        <ion-infinite-scroll ng-if="product.two.pager.hasNaxtPage && select === 1" on-infinite="loadMoreItems('two')" spinner="ios-small">
                        </ion-infinite-scroll>
                        <p class="text-center gray mt36" ng-if="product.two.list.length <= 0 && !product.two.pager.hasNaxtPage">暂无符合条件的产品</p>
                    </ion-content>
                </ion-view>
            </ion-tab>
            <ion-tab title="股权基金" on-select="onTabSelected(3)">
                <ion-view>
                    <ion-content delegate-handle="four">
                        <ion-list>
                            <ion-item  ng-repeat="item in product.four.list">
                                {{item.name || item.productName}}({{item.dueTime}}个月)           
                                
                                <i class="icon add icon-add" ng-click="addPro('four',{{item.id}})"   ng-show="!item.flagDingYue">订阅</i> 
                                <i class="icon add icon-del" ng-click="delPro('four',{{item.id}})" ng-show="item.flagDingYue">取消</i> 
                            </ion-item>
                        </ion-list>
                        <ion-infinite-scroll ng-if="product.four.pager.hasNaxtPage && select === 3" on-infinite="loadMoreItems('four')" spinner="ios-small">
                        </ion-infinite-scroll>
                        <p class="text-center gray mt36" ng-if="product.four.list.length <= 0 && !product.four.pager.hasNaxtPage">暂无符合条件的产品</p>
                    </ion-content>
                </ion-view>
            </ion-tab>              
        </ion-tabs>
  
</ion-view>